import Nerv from "nervjs";
import Taro from "@tarojs/taro-h5";
import { View } from '@tarojs/components';
import { AtGrid } from 'taro-ui';
import './index.less';

class VerticalTabs extends Taro.Component {
  render() {
    const value = [{
      image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t6160/14/2008729947/2754/7d512a86/595c3aeeNa89ddf71.png',
      value: '时光网'
    }, {
      image: 'https://img20.360buyimg.com/jdphoto/s72x72_jfs/t15151/308/1012305375/2300/536ee6ef/5a411466N040a074b.png',
      value: '找折扣'
    }, {
      image: 'https://img10.360buyimg.com/jdphoto/s72x72_jfs/t5872/209/5240187906/2872/8fa98cd/595c3b2aN4155b931.png',
      value: '领会员'
    }, {
      image: 'https://img12.360buyimg.com/jdphoto/s72x72_jfs/t10660/330/203667368/1672/801735d7/59c85643N31e68303.png',
      value: '新品首发'
    }, {
      image: 'https://img14.360buyimg.com/jdphoto/s72x72_jfs/t17251/336/1311038817/3177/72595a07/5ac44618Na1db7b09.png',
      value: '领京豆'
    }, {
      image: 'https://img30.360buyimg.com/jdphoto/s72x72_jfs/t5770/97/5184449507/2423/294d5f95/595c3b4dNbc6bc95d.png',
      value: '手机馆'
    }];
    const [list, setList] = Taro.useState(value);
    const GridItemChange = (item, index) => {
      let path = '';
      switch (item.value) {
        case '时光网':
          path = '/pages/tabs/home/move-list/list';
          break;
      }
      if (path) {
        Taro.navigateTo({
          url: path
        });
      }
    };
    return <View className="container">
      <AtGrid mode="rect" hasBorder={false} onClick={GridItemChange} data={list} />
    </View>;
  }

}

export default VerticalTabs;